﻿<!DOCTYPE HTML>
<html>
    <head>
    	<title>SISMIT</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <script type="text/javascript" src="../js/librerias/xui-2.2.0.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/librerias/cordova-2.0.0.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/librerias/jquery.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.mobile-1.2.0.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery-ajax-queue_1.0.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.ajaxmanager.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros_base.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/Helper.js"></script>
        
        <!--Creador-->
        <script type="text/javascript" charset="utf-8" src="../js/Pago.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/combo.js"></script>
        
        <script type="text/javascript" charset="utf-8">
			document.addEventListener("deviceready", onDeviceReady, false);
        </script>
        
        <link rel="stylesheet" href="../css/jquery.mobile-1.2.0.css" />
        <link rel="stylesheet" href="../css/jquery.mobile.structure-1.2.0.css" />
        <link rel="stylesheet" href="../css/jquery.mobile.theme-1.2.0.css" />
        <link rel="stylesheet" href="../css/sismit_theme.css" />
    </head>
    
    <body>
        <div data-role="page" id="pago" data-theme="a" data-title="SISMIT - Pago">
            <div data-role="header" data-position="fixed">
                <a id="atras" name="atras" data-role="button" data-icon="arrow-l" data-transition="slide">Atras</a>
                <table align="center">
                    <tr>
                        <td id="titulo_sistema" class="encabezado_pagina">
                        </td>
                    </tr>
				</table>
                <a id="inicio" name="inicio" data-role="button" data-icon="home" data-transition="slide" data-iconpos="right">Inicio</a>
            </div>
            
			<div data-role="content">
				<form>
                	<h3>Opciones de Pago</h3>
                
					<div id="div_municipio_base" data-role="fieldcontain">
                        <label for="id_estado_base">Estado:<sup> * </sup></label>
                        <select id="id_estado_base" name="id_estado_base" data-mini="true">
                            <option value="">SELECCIONE</option>
                        </select>
                        
                        <label for="id_municipio_base">Municipio:<sup> * </sup></label>
                        <select id="id_municipio_base" name="id_municipio_base" data-mini="true">
                            <option value="">SELECCIONE</option>
                        </select>
                    </div>
                    
                    <div data-role="fieldcontain">   
                        <div id="campo_obligatorio" class="campo_obligatorio">* Campo Obligatorio</div>
						
						<br />
						<button id="consultar" name="consultar" type="button" data-theme="a" data-mini="true">Consultar</button>
					</div>
                    
                    <div data-role="fieldcontain" id="div_datos_ban">
						<h3>Lista de Bancos</h3>
						
                        <div id="div_lista_ban">
						</div>
                        
                        <div id="campo_obligatorio" class="campo_obligatorio">Recuerde que debe consignar copia del Deposito Bancario ante la Policia de Circulación Vial para terminar con el Proceso de Cancelación de la Infracción de Tránsito</div>
						
						<br />
					</div>
                    
					<br />
					<button id="atras2" name="atras2" type="button" data-theme="a" data-mini="true" data-icon="arrow-l">Atras&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button>
				</form>
            </div>
			
            <div data-role="footer" data-position="fixed">
                <div id="primer_pie_pagina" class="pie_pagina"></div>
                <div id="segundo_pie_pagina" class="pie_pagina"></div>
            </div>
        </div>
    </body>
</html>